/* font-size */
.@{elNamespace}-table--default {
  font-size: var(--el-font-size-base) !important;
}

.@{elNamespace}-descriptions__body .@{elNamespace}-descriptions__table .@{elNamespace}-descriptions__cell {
  font-size: var(--el-font-size-base) !important;
}

/* 按钮相关 */
.@{elNamespace}-button.@{elNamespace}-button--primary:not(.is-disabled):not(.is-plain):not(.is-link) {
  filter: opacity(0.9);
}

.@{elNamespace}-button.@{elNamespace}-button--primary:not(.is-disabled):not(.is-plain):not(.is-link):focus,
.@{elNamespace}-button.@{elNamespace}-button--primary:not(.is-disabled):not(.is-plain):not(.is-link):hover {
  background: var(--el-color-primary);
  border-color: var(--el-color-primary);
  filter: opacity(1);
}

.@{elNamespace}-button-group .@{elNamespace}-button.@{elNamespace}-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}

/* 文字链接相关 */
.@{elNamespace}-link + .@{elNamespace}-link {
  margin-left: 10px;
}

.@{elNamespace}-link.@{elNamespace}-link--primary {
  color: var(--el-color-primary);
  filter: opacity(0.9);
}

.@{elNamespace}-link.@{elNamespace}-link--primary:hover {
  color: var(--el-color-primary);
  filter: opacity(1);
}

/* 设置ElProgress组件svg最小fontsize */
.@{elNamespace}-progress .@{elNamespace}-progress__text i {
  font-size: 12px;
}

/* 设置轨道颜色，主要是区分开和表格hover的背景颜色 */
.@{elNamespace}-progress .@{elNamespace}-progress-circle__track {
  stroke: #999999;
  opacity: 0.1;
}

/* 设置描述组件背景色为透明 */
.@{elNamespace}-descriptions .@{elNamespace}-descriptions__body {
  background-color: transparent;
}

/* 设置表格多选框居中 */
.@{elNamespace}-table__body-wrapper .@{elNamespace}-table-column--selection > .cell,
.@{elNamespace}-table__header-wrapper .@{elNamespace}-table-column--selection > .cell {
  justify-content: center;
}

/* 设置多选框为绿色 */
.@{elNamespace}-checkbox__inner:hover {
  border-color: var(--el-color-success);
}

.@{elNamespace}-checkbox__input.is-checked .@{elNamespace}-checkbox__inner,
.@{elNamespace}-checkbox__input.is-indeterminate .@{elNamespace}-checkbox__inner {
  background-color: var(--el-color-success);
  border-color: var(--el-color-success);
}

.@{elNamespace}-checkbox__input.is-disabled.is-checked .@{elNamespace}-checkbox__inner::after {
  border-color: var(--el-color-success);
}

.@{elNamespace}-checkbox__input.is-disabled.is-indeterminate .@{elNamespace}-checkbox__inner::before {
  background-color: var(--el-color-success);
}

/* 树结构 icon */
.@{elNamespace}-tree-node__content > .@{elNamespace}-tree-node__expand-icon {
  padding: 0;
}

/* #region ************************************区分树形表格等级********************************************* */
.@{elNamespace}-table__row--level-0 {
  background-color: rgb(255, 255, 255) !important;
}

.@{elNamespace}-table__row--level-1 {
  background-color: rgb(248, 248, 248) !important;
}

.@{elNamespace}-table__row--level-2 {
  background-color: rgb(239, 239, 239) !important;
}

.@{elNamespace}-table__row--level-3 {
  background-color: rgb(231, 231, 231) !important;
}

html.dark .@{elNamespace}-table__row--level-0 {
  background-color: rgb(28, 28, 28) !important;
}

html.dark .@{elNamespace}-table__row--level-1 {
  background-color: rgb(36, 36, 36) !important;
}

html.dark .@{elNamespace}-table__row--level-2 {
  background-color: rgb(44, 44, 44) !important;
}

html.dark .@{elNamespace}-table__row--level-3 {
  background-color: rgb(52, 52, 52) !important;
}

/* #endregion ************************************************************************************* */

// 解决抽屉弹出时，body宽度变化的问题
.@{elNamespace}-popup-parent--hidden {
  width: 100% !important;
}

// #region ************************************ table skin *********************************************
.table-skin-primary .@{elNamespace}-table {
  background-color: transparent;
}

.table-skin-primary .@{elNamespace}-table th.@{elNamespace}-table__cell {
  background: var(--el-color-primary);
  color: #fff;
}

.table-skin-primary .@{elNamespace}-table.is-scrolling-none th.@{elNamespace}-table-fixed-column--left,
.table-skin-primary .@{elNamespace}-table.is-scrolling-none th.@{elNamespace}-table-fixed-column--right {
  background: var(--el-color-primary);
}

.table-skin-primary .@{elNamespace}-table .sort-caret.ascending {
  border-bottom-color: #fff;
}

.table-skin-primary .@{elNamespace}-table .sort-caret.descending {
  border-top-color: #fff;
}

.table-skin-primary .@{elNamespace}-table .descending .sort-caret.descending {
  border-top-color: #bdbdbd;
}

.table-skin-primary .@{elNamespace}-table .ascending .sort-caret.ascending {
  border-bottom-color: #bdbdbd;
}

.table-skin-primary .@{elNamespace}-table__column-filter-trigger i {
  color: #fff;
}

// #endregion *************************************************************************************
// 输入框插槽中的select高度设置
.@{elNamespace}-input-group--prepend
  .@{elNamespace}-input-group__prepend
  .@{elNamespace}-select
  .@{elNamespace}-select__wrapper {
  height: 100%;
}

// 设置form content 最小宽度
.@{elNamespace}-form-item__content {
  min-width: 218px;
  .@{elNamespace}-cascader {
    width: 100%;
  }
}

// 设置light模式下的表头背景色
html:not(.dark) .@{elNamespace}-table th.@{elNamespace}-table__cell {
  background-color: #f5f7fa;
}

.@{elNamespace}-tree {
  .@{elNamespace}-tree-node > .@{elNamespace}-tree-node__content.active {
    background-color: var(--el-color-primary-light-9);
  }
}
.@{elNamespace}-form .@{elNamespace}-row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.@{elNamespace}-select__wrapper {
  font-size: var(--el-font-size-base);
}
